<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户中心</title>
</head>
<style>
.all{
     width: 150px;
    height: 278px; 
    margin: 50px auto;
    font-family: "宋体";
    font-size: 16px;
}
.info p{
    width: 138px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #2e3138;
    padding-left: 10px;
    margin-top: 2px;
}

 img{
    width: 150px;
    height: 130px;
}
body,p,img{
    padding:0;
    margin: 0;
    border: 0;}

body{
    background-image: url(images/kl.jpg);
    background-repeat: repeat-x;
    }
</style>
<body>
<div >
      <div class="all">
          <img src="images/music.jpg" alt="用户图像"/>
</div>
<div class="info">
          <p>用户姓名:</p>
          <p>学习进度:</p>
          <p>兴趣爱好:</p>
          <p>参与的群:</p>
</div>
</div>
</body>
</html>